<!DOCTYPE html>
<html lang="en">
    <head>
        <title>ECDO ADMIN （管理后台）</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
        <link rel="stylesheet" href="css/fullcalendar.css" />
        <link rel="stylesheet" href="css/unicorn.main.css" />
        <link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />
    </head>
    <body>


        <div id="header">
            <h1><a href="＃">ECDO ADMIN （管理后台）</a></h1>
        </div>


        <div id="user-nav" class="navbar navbar-inverse">
            <ul class="nav btn-group">
                <li class="btn btn-inverse" ><a title="" href="#"><i class="icon icon-user"></i> <span class="text">用户昵称</span></a></li>
                <!-- <li class="btn btn-inverse"><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">设置</span></a></li> -->
                <li class="btn btn-inverse"><a title="" href="login.html"><i class="icon icon-share-alt"></i> <span class="text">退出</span></a></li>
            </ul>
        </div>

        <div id="sidebar">
            <a href="#" class="visible-phone"><i class="icon icon-home"></i> 首页</a>
            <ul>
                <li class="active"><a href="index.html"><i class="icon icon-home"></i> <span>首页</span></a></li>
                <li class="submenu">
                    <a href="#"><i class="icon icon-th-list"></i> <span>报表</span> <span class="label">4</span></a>
                    <ul>
                        <li><a href="form-common.html">时间</a></li>
                        <li><a href="form-validation.html">比例</a></li>
                        <li><a href="form-wizard.html">价格</a></li>
                        <li class="active"><a href="form-wizard.html">商品</a></li>
                    </ul>
                </li>
                <li><a href="＃"><i class="icon icon-th"></i> <span>用户</span></a></li>
                <li>
                    <a href="＃"><i class="icon icon-signal"></i> <span>功能</span></a>
                </li>
                <li>
                    <a href="＃"><i class="icon icon-inbox"></i> <span>功能待续...</span></a>
                </li>
            </ul>

        </div>

        <div id="style-switcher">
            <i class="icon-arrow-left icon-white"></i>
            <span>Style:</span>
            <a href="#grey" style="background-color: #555555;border-color: #aaaaaa;"></a>
            <a href="#blue" style="background-color: #2D2F57;"></a>
            <a href="#red" style="background-color: #673232;"></a>
        </div>

        <div id="content">
            <div id="content-header">
                <h1>控制面板 首页</h1>
                <div class="btn-group">
                    <a class="btn btn-large tip-bottom" title="Manage Files"><i class="icon-file"></i></a>
                    <a class="btn btn-large tip-bottom" title="Manage Users"><i class="icon-user"></i></a>
                    <a class="btn btn-large tip-bottom" title="Manage Comments"><i class="icon-comment"></i></a>
                    <a class="btn btn-large tip-bottom" title="Manage Orders"><i class="icon-shopping-cart"></i></a>
                </div>
            </div>
            <div id="breadcrumb">
                <a href="#" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> 控制面板</a>
                <a href="#" class="current">首页</a>
            </div>
            <div class="container-fluid">
                <div class="row-fluid">
                    <div class="span12 center" style="text-align: center;">
                        <ul class="stat-boxes">
                            <li>
                                <div class="left peity_bar_good"><span>2,4,9,7,12,10,12</span>+20%</div>
                                <div class="right">
                                    <strong>36094</strong>
                                    Visits
                                </div>
                            </li>
                            <li>
                                <div class="left peity_bar_neutral"><span>20,15,18,14,10,9,9,9</span>0%</div>
                                <div class="right">
                                    <strong>1433</strong>
                                    Users
                                </div>
                            </li>
                            <li>
                                <div class="left peity_bar_bad"><span>3,5,9,7,12,20,10</span>-50%</div>
                                <div class="right">
                                    <strong>8650</strong>
                                    Orders
                                </div>
                            </li>
                            <li>
                                <div class="left peity_line_good"><span>12,6,9,23,14,10,17</span>+70%</div>
                                <div class="right">
                                    <strong>8650</strong>
                                    Orders
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="row-fluid">
                    <div class="span12">
                        <div class="alert alert-info">
                            Welcome in the <strong>Unicorn Admin Theme</strong>. Don't forget to check all the pages!
                            <a href="#" data-dismiss="alert" class="close">×</a>
                        </div>
                        <div class="widget-box">
                            <div class="widget-title"><span class="icon"><i class="icon-signal"></i></span><h5>店铺 评论概况</h5></div>
                            <div class="widget-content">
                                <div class="row-fluid">
                                <div class="span4">
                                    <ul class="site-stats">
                                        <li><i class="icon-user"></i> <strong>1433</strong> <small>Total Users</small></li>
                                        <li><i class="icon-arrow-right"></i> <strong>16</strong> <small>New Users (last week)</small></li>
                                        <li class="divider"></li>
                                        <li><i class="icon-shopping-cart"></i> <strong>259</strong> <small>Total Shop Items</small></li>
                                        <li><i class="icon-tag"></i> <strong>8650</strong> <small>Total Orders</small></li>
                                        <li><i class="icon-repeat"></i> <strong>29</strong> <small>Pending Orders</small></li>
                                    </ul>
                                </div>
                                <div class="span8">
                                    <div class="chart"></div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row-fluid">
                    <div id="footer" class="span12">
                        2012 &copy; ECDO.CC
                    </div>
                </div>
            </div>
        </div>


            <script src="js/excanvas.min.js"></script>
            <script src="js/jquery.min.js"></script>
            <script src="js/jquery.ui.custom.js"></script>
            <script src="js/bootstrap.min.js"></script>
            <script src="js/jquery.flot.min.js"></script>
            <script src="js/jquery.flot.resize.min.js"></script>
            <script src="js/jquery.peity.min.js"></script>
            <script src="js/fullcalendar.min.js"></script>
            <script src="js/unicorn.js"></script>
            <script src="js/unicorn.dashboard.js"></script>

    </body>
</html>
